<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>商户管理平台 - 功能暂时删除</title>
		<link rel="stylesheet" type="text/css" href="libs/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/bootstrap-datetimepicker.min.css"/>
		<script src="libs/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/highcharts-3d.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/exporting.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/highcharts-zh_cn.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		html{width: 100%;margin: 0;}
		body{width: 100%;margin: 0;height: 100%;background-color: rgb(255,255,255);}
		*::selection {color:#FFFFFF; background-color:#000;text-shadow:none;}
		*::-moz-selection {color:#FFFFFF;background-color:#000;text-shadow:none;}
		nav{background-color: rgb(255,255,255);margin-top: 15px;}
		.navbar{margin-bottom: 15px;}
		.nav img{width: 18px;position: relative;top: -3px;}
		.dropdown-menu li a { line-height: 40px;width: 300px;}
		/*.dropdown-menu{right: 0 !important;}*/
		/*红点提示cliss类*/
		#log img{display: inline-block; position: relative;top: -1px;}
		#log{font-size: 16px;font-weight: 300;}
		.dropdown-menu>li>a{color: #76858c;}
		
		.content_1{background-color: rgb(43,64,72);height: 50px;}
		.content_1>div{width: 1000px;margin: 0 auto;}
		.content_1 span{/*color: rgb(145,157,163);*/margin-right: 27px;display: inline-block;height: 50px;padding-top: 16px;box-sizing: border-box;font-weight: 300;}
		.content_1 span:hover{color: #cccccc;cursor: pointer;}
		.input-group{display: block;}
		
		.content_2{width: 1000px;margin: 0 auto;/*border: solid 1px #000000;height: 800px;*/}
		.has1{color: rgb(145,157,163);}
		.has{color: #ccc;}
		
		#so>input{width: 43px;height: 35px; border: none; background-color: rgb(255,255,255);color: #666;padding-left: 10px;}
		#so{margin-top: 7px;}
		
		#add_1{list-style:none;position: relative;top: 13px;margin-left: 30px;}
		#add_1>a{color: #76858c;text-decoration:none;font-weight: 300;font-size: 18px;}
		#add_1>a:hover{color: #333;}
		
		.navbar-right a{font-weight: 300;color: #777;font-size: 14px;}
		.navbar-right img{font-weight: 300;color: #777;font-size: 14px;}
		
		.admin_11{width: 275px;height: 380px;background-color: rgb(255,255,255);margin: 100px auto;box-shadow: 0 0px 0px rgba(0,0,0,0.36);transition: .5s;border: solid .5px rgb(244,244,244);padding: 10px 25px;}
		.admin_11:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.36); transition: .5s;background-color: rgb(244,244,244);cursor:pointer}
		.admin_11>h3{font-weight: 300;font-size: 25px;}
		.admin_11_4{position: relative;top: 257px;}
		.admin_11_4>span{display: inline-block;width: 100%;line-height: 25px;border-radius:17.5px ;padding-left: 10px;transition: .5s;text-shadow: 1px 1px 1px rgba(0,0,0,0.05);color: #a6aeb3;font-weight: 100;font-size: 12px;}
		.admin_11_4>span:hover{background-color: #fff;transition: .5s;}
	</style>
	<body>
		<nav class="navbar navbar-default" style="border: none;background-color: rgb(255,255,255);">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a id="log" class="navbar-brand" href="index.html"><img src="img/logo.svg"/></a>
      <li id="add_1" style="float: left;"><a href="#" > 添加应用 </a></li>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
       
      </ul>
      <ul class="nav navbar-nav navbar-right">
      	
        <li id="so"><input style="font-weight: 300;" id="so_1" href="#" value="" placeholder="搜索 商户订单号/订单ID" onfocus="soo()" onblur="soo1()" onkeydown="return disableEnter(event)"  ><img src="img/放大镜.svg"/> </input></li>
        <!--<li><a href="#"  onclick="wait()"> 待办事项  <img src="img/text.svg"/><div id="tooltip_" class="tooltip_"></div> </a></li>-->
        <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="标签会随每一个页面改变状态！">工单  <img src="img/iconfont-qicheyongpin.svg"/> </a></li>
        <li><a href="news.html">消息  <img src="img/comments.svg"/> </a></li>
        <li class="dropdown" >
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">登录用户名 <span class="caret"></span></a>
          <ul class="dropdown-menu">
          	<li><a href="#">预留提示信息！<br /> <span style="color: rgb(57,200,230);">jiyinghao_@126.com</span></a></li>
          	<li role="separator" class="divider"></li>
            <li><a href="admin.html">企业账户</a></li>
            <li><a href="admin.html">企业设置</a></li>
            <li><a href="admin.html">代付设置</a></li>
            <li><a href="admin.html">价格方案</a></li>
            <li><a href="admin.html">退出登录</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
	
	<div class="content_1">
		<div class="">
			<!--<span class="has1 has " onclick="admin_1()">企业账户</span>
			<span class="has1" onclick="admin_2()">企业设置</span>
			<span class="has1" onclick="admin_3()">代付设置</span>
			<span class="has1" onclick="admin_4()">价格方案</span>-->
		</div>
	</div>
	<div class="content_2">
		<div class="admin_11">
			<h3>应用 1</h3>
			<p></p>
			<p></p>
			<p class="admin_11_4"><span>APP_ID :</span></p>
		</div>
	</div>
	
	<!--模态框-->
	<!--模态框代码-->
			<!-- Modal -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">订单信息-详情</h4>
						</div>
						<div class="modal-body">					 
        
						</div>
						<!--<div class="modal-footer">-->
							<!--<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>-->
							<!--<button type="button" class="btn btn-primary">Save changes</button>-->
						<!--</div>-->
					</div>
				</div>
			</div>
			
	</body>
	<!--<script src="js/admin.js" type="text/javascript" charset="utf-8"></script>-->
	<script type="text/javascript">
		
		//搜索效果(获取焦点-失去焦点)
			function soo () {
				$("#so_1").animate({width:"200px"})
			}
			function soo1 () {
				$("#so_1").animate({width:"43px"})
			}
			//回车键触发事件
			function disableEnter(event){
				var keyCode = event.keyCode?event.keyCode:event.which?event.which:event.charCode;
				if (keyCode ==13){
				// 此处处理回车动作
					alert("回车键触发事件")
					}
				}
		
		/*
		 * 侧边栏切换效果
		 */
		function h( id,sj){
			$(".ss_right>div").addClass("h")
			$(".ss_right>div").removeClass("w")
			$(id).addClass("w")
			$(".sx").css("opacity","0")
			$(sj).css("opacity","1")
//			console.log($(this))
		}
		/*
		 * 应用点击跳转事件
		 */
			$(".admin_11").click(function(){
				window.location.replace("index.html");
			})
		/*
		 * 添加应用点击事件
		 */
			$("#add_1").click(function(){
				
			var html = '<form class="form-inline">'+
  							'<div class="form-group has-success has-feedback" style="margin:50px 0 50px 225px">'+
   				 				'<label class="control-label" for="inputGroupSuccess3"></label>'+
    								'<div class="input-group">'+
      								'<span class="input-group-addon">输入应用名称</span>'+
      								'<input type="text" class="form-control" id="inputGroupSuccess3" aria-describedby="inputGroupSuccess3Status" placeholder="我的第 N 个应用">'+
   								'</div>'+
   								'<button id="fukuan1" class="btn btn-default"  style="margin-left: 30px;" onclick=""> 添加 </button>'+
  							'</div>'+
						'</form>'
						
						
			$("#myModalLabel").html("* 创建一个新的应用");//添加模态框标题
			$(".modal-body").html(html); //添加模态框内容
		$('#myModal').modal("show"); 
		
			})
	
	</script>
</html>
